<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>ADDIVITY</title>
		<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
		<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
	</head>
	
	<body>
		<div id="templatemo_header_wrapper">
			<!-- start of header -->
			<div id="templatemo_header">
				
				<div id="site_title">
					<h1><a href="http://www.templatemo.com" target="_parent">
						<img src="images/logo.jpg" alt="Web Templates" />
						<!-- <span>free website templates</span> -->
					</a></h1>
				</div>
				
				<div id="search_box">
					<form action="#" method="get">
						<input type="text" value="" name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
						<input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
					</form>
				</div>
				
				<div class="cleaner"></div>
			
			</div>
			<!-- end of header -->

			<!-- start of menu -->
			<div id="templatemo_menu">
				<ul>
					<li><a href="#" class="current">Home</a></li>
					<li><a href="#">To Give</a></li>
					<li><a href="#">To Get</a></li>
					<li><a href="#">To Help</a></li>
					<li><a href="#">To Share</a></li>
					<li><a href="#">To Join</a></li>
					<li><a href="#">To Design</a></li>
					<li><a href="#">To Act</a></li>
				</ul>    	
			</div>
			<!-- end of menu -->
				
			<div id="templatemo_banner">
				<div id="one" class="contentslider">
					<div class="cs_wrapper">
						<div class="cs_slider">
							<!-- start of article -->
							<div class="cs_article">
								<div class="left">
									<h2>ADDIVITY News</h2>
									<p>News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. News bra bra bra. </p>
									<div class="button"><a href="#">Read more</a></div>
								</div>
								
								<div class="right">
									<a href="http://www.templatemo.com/page/1" target="_parent"><img src="images/slider/templatemo_slide02.jpg" alt="Template 1" /></a>
								</div>
								
							</div>
							<!-- end of article -->
									
							<div class="cs_article">
								<div class="left">
									<h2>Suspendisse sed odio ut mi auctor blandit</h2>
									<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna feugiat auctor. </p>
									<div class="button"><a href="#">Read more</a></div>
								</div>
									<div class="right">
										<a href="http://www.templatemo.com/page/2" target="_parent"><img src="images/slider/templatemo_slide01.jpg" alt="Template 2" /></a>
										</div>
									</div><!-- End cs_article -->
									
									<div class="cs_article">
										<div class="left">
											<h2>Suspendisse sed odio ut mi auctor blandit</h2>
											<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna feugiat auctor. </p>
											
											<div class="button"><a href="#">Read more</a></div>
										</div>
										<div class="right">
										<a href="http://www.templatemo.com/page/3" target="_parent"><img src="images/slider/templatemo_slide03.jpg" alt="Template 3" /></a>
										</div>
									</div><!-- End cs_article -->
									
									<div class="cs_article">
										<div class="left">
											<h2>Suspendisse sed odio ut mi auctor blandit</h2>
											<p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna feugiat auctor. </p>
											
											<div class="button"><a href="#">Read more</a></div>
										</div>
										<div class="right">
										<a href="http://www.templatemo.com/page/4" target="_parent"><img src="images/slider/templatemo_slide04.jpg" alt="Template 4" /></a>
										</div>
									</div><!-- End cs_article -->
							  
								</div><!-- End cs_slider -->
							</div><!-- End cs_wrapper -->
						</div><!-- End contentslider -->
						
						<!-- Site JavaScript -->
						<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
						<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
						<script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
						<script type="text/javascript">
							$(function() {
							$('#one').ContentSlider({
							width : '920px',
							height : '200px',
							speed : 800,
							easing : 'easeInOutBack'
							});
							});
						</script>
						<script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
						<script src="js/chili/recipes.js" type="text/javascript"></script>
						<div class="cleaner"></div>
		   
				</div>

		</div> <!-- end of header_wrapper -->

		<div id="templatemo_content_wrapper_outer">
		<div id="templatemo_content_wrapper_inner">
		<div id="templatemo_content_wrapper">

			<div id="templatemo_content">

				<h2>Multi Layer Website</h2>
					
					<p>Multi Layer  is a full-site <a href="http://www.templatemo.com/page/1" target="_parent">free website template</a> with total 5 different pages. You may download, modify and apply this template for your websites. Credit goes to <a href="http://www.softfacade.com" target="_blank">Soft Facade</a> for icons. Suspendisse sed odio ut mi auctor blandit. Duis luctus nulla metus, a vulputate mauris. Integer sed nisi sapien, ut gravida mauris. <a href="#">Nam et tellus libero</a>. Cras purus libero, dapibus nec rutrum in, dapibus nec risus.</p>
				<div class="cleaner_h40"></div>
					
					<h2>Testimonials</h2>
					
					<blockquote>
					<p>In ac libero urna. Suspendisse sed odio ut mi auctor blandit. Duis luctus nulla metus, a vulputate mauris. Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna feugiat auctor.</p>
					
					<cite>Web Designer - <span><a href="http://www.templatemo.com" target="_parent">templatemo.com</a></span></cite></blockquote>
					
					<div class="cleaner_h40"></div>
					
					<h2>Web Templates</h2>
					<div id="recent_project">
						<ul>
							<li>
								<a href="#" title="Pro"><img src="images/gallery/thumbnail/image_04.jpg" alt="web template 1" /></a><h5>Professional</h5>
							</li>
							<li>
								<a href="#" title="Motor"><img src="images/gallery/thumbnail/image_06.jpg" alt="web template 2" /></a><h5>Motorcycle</h5>
							</li>
						</ul>
						
						<div class="cleaner"></div>
						<div class="button float_l"><a href="gallery.html">View All</a></div>
					</div>
					

					
					
				</div> <!-- end of templatemo_content -->
				
				<div id="templatemo_sidebar">

				   <div id="news_section">
						
						<h2>Blog Posts</h2>
		   
						<div class="news_box">
							<a href="#">Nam et tellus libero</a>
						  <p> Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna feugiat auctor.</p>
						</div>
						
						<div class="news_box">
							<a href="#">Lorem ipsum dolor sit amet</a>
						  <p>Maecenas tellus erat, dictum vel semper a, dapibus ac elit. Nunc rutrum pretium porta.</p>
						</div>
						
						<div class="news_box">
							<a href="#">Nunc porttitor feugiat elit</a>
							<p>Sed eleifend odio eget massa venenatis elementum. Nunc porttitor feugiat elit, ac tristique turpis condimentum in.</p>
						</div>
						
						<div class="cleaner"></div>  
						   
					</div>
					
					<div class="section_rss_twitter">
				
						<div class="rss_twitter twitter">
						<a href="http://www.templatemo.com" target="_parent">FOLLOW US <span>on Twitter</span></a>
						</div>
						
						<div class="margin_bottom_20"></div>
						
						<div class="rss_twitter rss">
						<a href="#">SUBSCRIBE <span>rss feeds</span></a>
						</div>
					
					</div>
				
					<div class="cleaner"></div>
				</div> <!-- end of sidebar -->

			<div class="cleaner"></div>
		</div>
		</div>
		</div>
				
		<div id="templatemo_footer_wrapper">
			<div id="templatemo_footer">

				<ul class="footer_menu">
					<li><a href="index.html">Home</a></li>
					<li><a href="products.html">Products</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="gallery.html">Gallery</a></li>
					<li class="last_menu"><a href="contact.html">Contact</a></li>
				</ul>
			
				Copyright © 2048 <a href="#">Your Company Name</a> | 
				Designed by <a href="http://www.templatemo.com" target="_parent">Free Website Templates</a> | 
				Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; 
						 <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
			
		</div> <!-- end of footer -->

		</div> <!-- end of footer_wrapper -->

	</body>
</html>